<script setup>
import Demo10Component06Children01 from './demo10-component06-children01.vue';
</script>
<template>
  <h2>demo11-component06.vue，多层嵌套组件跨越传值</h2>
  <zhtt-card title="多层嵌套组件跨越传值" footer="无法获取data()中的属性，若获取需要用provide()方法">
    <b>第一层组件：demo11-component06.vue</b>
    <demo10-component06-children01></demo10-component06-children01>
  </zhtt-card>
</template>

<script>
export default {
  data(){
    return {
      sex:'男'
    }
  },
  provide:{
    loginUser:{name:'张三', age: 24},
    // sex:this.sex // 有这一行会报错，无法正常启动，需要使用provide方法
  }
}
</script>

<style scoped>

</style>